// JavaScript Document
$(function(){
	// 1.鼠标移入盒子按钮显隐,清除和添加定时器
	$('.dabox_zhong').hover(function(){
		$('.anniu').css({display:"block"});
		clearInterval(timer);
	},function(){
		$('.anniu').css({display:"none"});
		timer=setInterval(run,1000);
	});
    // 2.自动轮播
	var num=0;
    // 函数体
	function run(){
		// 变量自增
		num++;
		// 回流
		if(num==7){
			// left值立马变成0
              $(".dabox_zhong .lunbo a").css({left:"0px"});
               //num值变成1
			num=1;
		}
		if(num==6){
			$('.dian li').eq(0).css({background:'#ccc'}).siblings().css({background:'red'});
		}
		// 获得left值
		var l =num * -715;
         // 赋值给元素
		$(".dabox_zhong .lunbo a").animate({left:l+"px"},500);
		$('.dian li').eq(num).css({background:'#ccc'}).siblings().css({background:'red'});

        // 改变li的背景色
		// if(num == 4){
  //   		$(".dian li").eq(0).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
  //   	}else{
  //   		$(".dian li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
  //   	}
    }
       // 定时器
       timer=setInterval(run,1000);

        // 手动
        $('.dian li').mouseover(function(){
        	 num=$(this).index();
        	 var l=num*-715;
        	 $(".dabox_zhong .lunbo a").animate({left:l+"px"},500);
        	 $('.dian li').eq(num).css({background:'#ccc'}).siblings().css({background:'red'});

        })

 //        $("ul li").mouseover(function(){
 //        	// 获得当前li的序号
 //        	 num = $(this).index();
 //            // 获得left值
 //        	 var l = num * -748;
 //              // 赋值给元素
 //        	 $(".lunbo").animate({left:l+"px"},500);
 //             // 改变li的背景色
 //        	 $(".dian li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
 //        })

	// 	// 点击左键
	$('.left').click(function(){
		 num--;
		 if(num<0)
		 {
		 	num=5;
		 	$(".dabox_zhong .lunbo a").css({left:6*-715+"px"},500);
		 }
		var l=num*-715;
		$(".dabox_zhong .lunbo a").stop().animate({left:l+"px"},500);
        $('.dian li').eq(num).css({background:'#ccc'}).siblings().css({background:'red'});

	})
	// 	$('.left').click(function(){
	// 		num--;
	// 		if(num==-1){
	// 			// 当到达最左边的时候，让它的left值正向的到达最大值
	// 			$(".lunbo").css({left:-748*6 + "px"});
	// 			num=5;
	// 		}
	// 		var l=num*-748;
	// 		 // 赋值给元素
	// 		$(".lunbo").animate({left:l+"px"},500);
 //    	    // 改变li的背景色
 //    	   $(".kuai li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
		
	// 	})
 //          // 点击右键
 $('.right').click(function(){
		 num++;
		 if(num>6)
		 {
		 	num=1;
		 	$(".dabox_zhong .lunbo a").css({left:"0px"},500);
		 }
		 if(num==6)
		 {
		 	$('.dian li').eq(num).css({background:'#ccc'}).siblings().css({background:'red'});
		 }
		var l=num*-715;
		$(".dabox_zhong .lunbo a").stop().animate({left:l+"px"},500);
        $('.dian li').eq(num).css({background:'#ccc'}).siblings().css({background:'red'});

	})
	// $('.right').click(function(){
	// 		num++;
	// 		if(num==7){
	// 			$(".lunbo").css({left:"0px"});
	// 			num=1;
	// 		}
	// 		var l =num * -748;
	// 		// 赋值给元素
	// 		$(".lunbo").animate({left:l+"px"},500);
	// 		// 改变li的背景色
	// 		if(num == 4){
 //    		$(".kuai li").eq(0).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
 //    	}else{
 //    		$(".kuai li").eq(num).css({background:"#B61B1F"}).siblings().css({background:"#3E3E3E"});
 //    	}
			
	// })

})

